﻿/*-----------------------------------------------AKjs_Loader 使用方法-------------------------------------------*/
if (location.hash.substring(1).split("?")[0] != "/") {
    $(function() {
        AKjs_Loader({
            ele: $("#ak-scrollview"), //是否使用局部遮挡层，使用请设置指定的局部元素 （不设置任何参数代表使用全部遮挡层）
            autoMode: false, //是否开启指定的时间后自动消失功能 (开启 true, 关闭 false）
            timeToHide: 1000, //毫秒时间设置 (automode必须开启才能有效)
            iconColor: "#ffffff", //图标颜色设置
            maskBG: false, //是否开启遮挡背景 (开启 true, 关闭 false）
            Loader: "load_2", //loading效果选择（load_1~7），在PC端使用时请填写load_0,让IE8也兼容。
            //text: "内容加载中", //Loading时显示的文字
            boxsize: "3rem", //Loading框大小设置
            eleclass: "animated fadeIn z_index_6 c_gray_333", //Loading的ele区域的样式设置
            callback:function (ele,destroy) { //回调入口 （ele：元素，destroy：摧毁开关控制）
                //console.log(ele);
                setTimeout(function() { //页面加载完2秒后执行
                    destroy(true); //关闭loading窗 [true:关闭loading效果，false:重新显示或不关闭loading效果]（使用该功能autoMode参数设为false，并且timeToHide参数不需要设置值）
                },2000);
                /*if($("#ak-scrollview").css('display') == 'block'){
                    $("#ak-scrollview").animate({scrollTop:0},0); //指定元素区域的滚动条返回到最顶部
                }*/
            }
        });
    });
}

/*-----------------------------------------------AKjs_Tabs 使用方法-------------------------------------------*/
$(function () {
    $(".plug_tabs_code").AKjs_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //切换Tabs延迟时间
        boxheight: false, //切换内容区域的高度设置px；建议vertical方式时使用 （不使用高度：false）
        navlength: 4, //切换导航的数量设置（文字屏幕对齐）
        fullclass: "bor_bottom2 bor_theme c_theme minus_mt_1px", //被选中状态的class
        emptyclass: "bor_bottom bor_gray_ddd", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        touchmode: false, //是否开启触屏滑动切换功能 (true/false)
        changeMethod: "horizontal", //切换方式 (default/vertical/horizontal/opacity)
        callback: function (ele, index) { //通过回调获取当前显示的元素
            ak_PluginTest();
        }
    });
});

/*-----------------------------------------------AKjs_NavMenu 使用方法-------------------------------------------*/
$(function () {
    $(".plug_menu").AKjs_NavMenu({
        curDisplay: 1, //当前被选中哪个？
        activeText: "c_white", //被选中或鼠标经过时的文字颜色
        LinePosition: "", //被滑动框或线条位置（线条方法：top, bottom ; 参数设为空代表使用滑动框）
        LineClass: "bg_white03 bor_rad_05rem", //LinePosition的class样式设置
        BoxPadding: 10, //滑动框的内间距设置(只输入数字并且识别为px)
        LineHeight: "0.3rem", //线条高度 (只允许LinePosition的参数设为top或者bottom的情况下使用)
        Callback: function (ele, index) { //初始化和鼠标离开时的回调
            if (router_url.indexOf("/"+AKjs_Params(1)+"/components") != -1 || $("ak-page-code").text().indexOf("components") != -1) {
                ele.parents("ul").find("li").removeClass("ak_navCur");
                ele.parents("ul").find("li").eq(1).addClass("ak_navCur");
                setTimeout(function () {
                    $("ak-page-code").remove();
                }, 500);
            } else if (router_url.indexOf("/"+AKjs_Params(1)+"/guide") != -1) {
                ele.parents("ul").find("li").removeClass("ak_navCur");
                ele.parents("ul").find("li").eq(2).addClass("ak_navCur");
            } else if (router_url.indexOf("/"+AKjs_Params(1)+"/api") != -1) {
                ele.parents("ul").find("li").removeClass("ak_navCur");
                ele.parents("ul").find("li").eq(3).addClass("ak_navCur");
            } else if (router_url.indexOf("/"+AKjs_Params(1)+"/download") != -1) {
                ele.parents("ul").find("li").removeClass("ak_navCur");
                ele.parents("ul").find("li").eq(4).addClass("ak_navCur");
            } else if (router_url.indexOf("/"+AKjs_Params(1)+"/about") != -1) {
                ele.parents("ul").find("li").removeClass("ak_navCur");
                ele.parents("ul").find("li").eq(5).addClass("ak_navCur");
            }
        },
        Hover: function (ele, index) { //鼠标滑动时的回调
            console.log(index)
        }
    });
});

/*-----------------------------------------------AKjs_MenuList (菜单控制插件）使用方法-------------------------------------------*/
$(function () {
    if (location.hash.substring(1).split("?")[0] != "/") {
        if (AKjs_Params(1) === "mobile") {
            var ajax_url = './layout/include/aside.mobile.html';
        } else if (AKjs_Params(1) === "pc") {
            var ajax_url = './layout/include/aside.pc.html';
        }
        AKjs_Ajax({
            to: $("aside.scrollbar"), //加载内容的区域(定义ID)，如果只加载数据不加载HTML页面，把这个to参数设为空。
            type: "GET", //GET或POST
            url: ajax_url, //需要加载的URL
            async: true, //异步方式：true，同步方式：false
            success: function (result) { //ajax请求加载成功后的回调

                /*-----------------------------------------------AKjs_MenuList 使用方法-------------------------------------------*/
                $(function () {
                    $(".plug_nav li").AKjs_MenuList({ //底部菜单的图标以及文字样式变化设置
                        icon_text: ["dt i", "dt span"], //设置需要控制的菜单图标和文字元素
                        btn_color: "hover_gray_222", //未选中的文字和图标的颜色
                        active_color: "cur_pointer bg_theme", //被选中的文字和图标的颜色
                        Callback: function (ele, index) {
                            //console.log(ele, index);
                        }
                    });
                });

                /*-----------------------------------------------AKjs_ToolTip 使用方法-------------------------------------------*/
                $(function () {
                    $("*[title]").AKjs_ToolTip({
                        mouse: "hover", //鼠标操作类型 (hover,click)
                        boxClass: "border bor_black bg_black05 c_white",  //弹出层样式class设置
                        arrowSize: "10", //箭头大小设置 （单位默认是px）
                        arrowColor:"c_gray_333", //箭头颜色class设置
                        arrowPosition: "top", //弹出层显示位置 (top,bottom)
                        callback: function(self,box,option,setting) { //弹出层显示后的回调（注：元素中有title属性时无需当前回调）
                            box.parent().addClass("line_h_2rem");
                            box.parent().children("i").addClass("minus_mb_08rem");
                            //setting(); //考虑数据加载先后顺序，该方法数据加载完后需要再次执行。
                        }
                    });
                });
            },
            error: function (error) { //ajax请求加载失败后的回调
                //console.log(error);
                //AKjs_WebToast("请求加载数据失败！","middle",2000);
            }
        });
    }
});

/*-----------------------------------------------AKjs_Lazyload 使用方法-------------------------------------------*/
$(function () {
    $("*[data-animation]").AKjs_Lazyload({ //对所有带data-animation属性的元素进行懒加载，让滚动条位置到达该元素区域时动画播放；
        scroll: $("main"), //滚动区域的容器
        scrollTop: 100, //设置初始化滚动条位置（当滚动条滚动到当前设置的位置时所有效果将进行初始化）
        Callback: function (ele) { //初始化回调入口
            //console.log(ele);
        },
        Scrollback: function (ele, scroll) { //页面滚动后的回调
            //console.log(scroll);
        }
    });
});

/*-----------------------------------------------AKjs_ElementControl 使用方法-------------------------------------------*/
$(function () {
    $("#ak-scrollview").AKjs_ElementControl({
        ControlType: 'scroll', //控制方式设置 (click, hover, scroll)
        ControlDom: $('.scrollbarfixed'), //被控制的元素设置
        scrollTop: $('.scrollbarfixed').outerHeight(), //滚动条高度参数设置 （ControlType参数scroll才能生效）
        callback:function(ele,self){ //初始化回调入口 （ele:被动元素，self:主动元素）
        },
        clickback: function(ele,self) { //控制方式click的回调入口 （被动元素, 主动元素）
        },
        hoverback: function(ele,self,flag) { //控制方式hover的回调入口 （被动元素, 主动元素, 滑动状态）
        },
        scrollback:function(ele,self,ThisScrollTop,OptScrollTop){ //控制方式scroll的回调入口 （被动元素, 主动元素，当前滚动的高度，滚动条高度参数）
            if (ThisScrollTop > OptScrollTop) {
                ele.addClass("pos_fix w_100 z_index_3 animated slideInDown ani_05s").css({
                    "top": ThisScrollTop
                });
            } else {
                ele.removeClass("pos_fix w_100 z_index_3 animated slideInDown ani_05s");
            }
        },
    });
});

/*-----------------------------------------------AKjs_GoTop (全局) 使用方法-------------------------------------------*/
$(function () {
    AKjs_GoTop({
        dom: $("#ak-scrollview"), // 滑动区域 （可设置的dom元素：$(window), $(document), $("main"), $("body"), $("html")）
        hide: true, //当页面不滚动时是否隐藏(true,false)
        url: "./img/gotop.png", //图片路径
        icon: "", //图标的Class
        state: "bottom", //出现的位置(center, bottom)
        height: "auto", //高 默认40px
        width: "40px", //宽 默认40px
        scrollTop: 500, //滚到什么位置出现 px
        time: 500, //返回顶部多长时间 ms 默认500ms
        aimation: "animated bounceInDown", //出场动画 默认show（没有出场动画） 这个可以自定义
        toTop: function () { //返回最顶部后的回调
            //console.log("toTop");
        },
        toShow: function () { //按钮显示后的回调
            //console.log("toShow");
        },
        toHide: function () { //按钮隐藏后的回调
            //console.log("toHide");
        },
        toClick: function () { //按钮点击后的回调
            //console.log("toClick");
        }
    });
});

/*-----------------------------------------------AKjs_Responsive 使用方法-------------------------------------------*/
$(function () {
    AKjs_Responsive({ //实时监听窗口大小变化的功能
        resizeCallback: function (deviceW, deviceH, viewportW, viewportH) {
            //console.log("屏幕宽度: "+deviceW);
            //console.log("屏幕高度: "+deviceH);
            //console.log("实时窗口宽度: "+viewportW);
            //console.log("实时窗口高度: "+viewportH);
        }
    });
});

